<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<f:loadBundle basename="i18n" var="bundle" />
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</h:head>
<h:body>
	<ui:composition template="/templates/template.xhtml">

		<ui:define name="content">

			<h:panelGrid id="panelPrincipal" columns="2"
				columnClasses="fl width100 height370px overflow_auto mt20px ml20px, width100 mr90px "
				cellspacing="2" width="100%">

				<h:panelGrid id="idTextoPrincipal"
					styleClass="width400px center_horizontal"
					style="font-family: 'Inder', sans-serif; color: #557ca6; font-weight: bold; font-size:16px;">

					<h:panelGroup layout="block" styleClass="mb05px">
						<h:outputText value="#{bundle['texto-principal1']}" />
					</h:panelGroup>

					<h:panelGroup styleClass="ml20px mb05px" layout="block">
						<h:outputText value="#{bundle['texto-principal2']}" />
					</h:panelGroup>


					<h:panelGroup styleClass="ml40px mb05px" layout="block">
						<h:outputText value="#{bundle['texto-principal3']}" />
					</h:panelGroup>


					<h:panelGroup styleClass="ml60px" layout="block">
						<h:outputText value="#{bundle['texto-principal4']}" />
					</h:panelGroup>

				</h:panelGrid>

				<h:panelGrid>
					<div id="slideshow" class="relative sobre">
						<img src="resources/images/estado1.png" alt="Slideshow Imagem 1"
							title="Slideshow Imagem 1" class="active" /> <img
							src="resources/images/estado2.png" alt="Slideshow Imagem 2"
							title="Slideshow Imagem 2" />
					</div>

					<h:panelGroup id="slogan_principal" styleClass="slogan"
						layout="block" style="font-family: 'Inder', sans-serif;">

						<h:outputText style="
						top:330px; right:35px;"
							styleClass="absolute font_size40px" value="#{bundle['slogan1']}" />

						<h:outputText style="top:380px; right:50px;"
							styleClass="absolute   font_size40px"
							value="#{bundle['slogan2']}" />

						<h:outputText style="top:430px; right:70px;"
							styleClass="absolute font_size40px" value="#{bundle['slogan3']}" />

						<h:outputText style="top:480px; right:35px;"
							styleClass="absolute font_size40px" value="#{bundle['slogan4']}" />
					</h:panelGroup>
				</h:panelGrid>
			</h:panelGrid>
		</ui:define>
	</ui:composition>
</h:body>
</html>
